<template>
  <div class="app-container">
    <el-tabs type="border-card" :value="activeTab" @tab-click="changeTab">
      <el-tab-pane name="one" label="帮助管理">
        <help-setting-list />
      </el-tab-pane>
      <el-tab-pane name="create" label="新建帮助">
        <help-edit  v-show="activeTab === 'create'"/>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
  import HelpEdit from './helpEdit';
  import HelpSettingList from './helpSettingList';

  import {tabs} from '@/build';

  export default {
    name: "help-setting",

    components: {
      HelpSettingList,
      HelpEdit,
    },

    mixins: [tabs],

    data() {
      return {
        activeTab: 'one'
      }
    },
  }
</script>

<style scoped>

</style>
